<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>
	<title>下饭TV_纪录片</title>
	<link rel="icon" href="./images/icon/logo.png"/>
	<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css"/>
	<script src="./lib/html5shiv/html5shiv.min.js"></script>
	<script src="./lib/respond/respond.js"></script>
	<link rel="stylesheet" href="./css/base.css"/>
</head>
<body>
	<!-- 顶部通栏 -->
	<div class="tv-header">
		<div class="tv-navbar-header">
			<div class="tv-container">
				<!-- 图标logo -->
				<a class="tv-navbar-brand  fl" href="index.html" title="下饭TV">
					<img src="images/brand.png" >
				</a>
				<!-- 分类导航icon 手机端可见 -->
				<a class="navbar-toggle visible-xs fr" data-toggle="collapse" data-target="#tv-navbar-nav" aria-expanded="false">
					<img src="images/icon/nav.png" alt="下饭TV">
				</a>
				<!-- 搜索icon 手机端可见 -->
				<a class="navbar-toggle visible-xs fr" data-toggle="collapse" data-target="#tv-navbar-search" aria-expanded="false">
					<img src="images/icon/search.png" alt="下饭TV">
				</a>
				<!-- 片库更新情况 -->
				<div class="tv-navbar-txt fr hidden-xs">
					<a href="feedback.html">留言</a>
				</div>
				<!-- 搜索框 -->
				<div class="fr hidden-xs">
					<form class="tv-navbar-form">
						<input type="text" placeholder="请输入关键词" autocomplete="off"/>
						<input type="submit" value="搜索"/>
					</form>
				</div>
			</div>
		</div>
		<!-- 折叠搜索框 -->
		<div class="navbar-collapse collapse" id="tv-navbar-search">
			<div class="tv-container visible-xs">
				<form class="tv-navbar-form tv-search">
					<input type="text" placeholder="请输入关键词" autocomplete="off"/>
					<input type="submit" value="搜索"/>
				</form>
			</div>
		</div>
		<!-- 分类导航 -->
		<div class="navbar-collapse collapse" id="tv-navbar-nav">
			<div class="tv-container">
				<ul class="nav navbar-nav clearfix">
					<li><a href="index.html">首页</a></li>
					<li><a href="dianshi.html">电视剧</a></li>
					<li><a href="dianying.html">电影</a></li>
					<li><a href="zongyi.html">综艺</a></li>
					<li><a href="dongma.html">动漫</a></li>
					<li><a href="jilupian.html">纪录片</a></li>
					<li class="visible-xs"><a href="feedback.html">留言</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 一级条件筛选 -->
	<div class="tv-screen">
		<div class="tv-container">
			<div class="tv-head">
				<span>已选择</span>纪录片
			</div>
			<ul class="nav nav-pills">
				<li><span>按年份</span></li>
				<li role="presentation" class="active"><a href="#all" role="tab" data-toggle="pill">全部</a></li>
				<li><a href="" role="tab" data-toggle="pill">2020</a></li>
				<li><a href="" role="tab" data-toggle="pill">2019</a></li>
				<li><a href="" role="tab" data-toggle="pill">2018</a></li>
				<li><a href="" role="tab" data-toggle="pill">2017</a></li>
				<li><a href="" role="tab" data-toggle="pill">2016</a></li>
				<li><a href="" role="tab" data-toggle="pill">更早</a></li>
			</ul>
			<ul class="nav nav-pills">
				<li><span>按类型</span></li>
				<li role="presentation" class="active"><a href="#all" role="tab" data-toggle="pill">全部</a></li>
				<li><a href="" role="tab" data-toggle="pill">大自然</a></li>
				<li><a href="" role="tab" data-toggle="pill">动物</a></li>
				<li><a href="" role="tab" data-toggle="pill">农村</a></li>
				<li><a href="" role="tab" data-toggle="pill">美食</a></li>
				<li><a href="" role="tab" data-toggle="pill">偶像</a></li>
				<li><a href="" role="tab" data-toggle="pill">历史</a></li>
				<li><a href="" role="tab" data-toggle="pill">地理</a></li>
				<li><a href="" role="tab" data-toggle="pill">战争</a></li>
				<li><a href="" role="tab" data-toggle="pill">个人</a></li>
				<li><a href="" role="tab" data-toggle="pill">职场</a></li>
				<li><a href="" role="tab" data-toggle="pill">冒险</a></li>
				<li><a href="" role="tab" data-toggle="pill">年代</a></li>
				<li><a href="" role="tab" data-toggle="pill">生活</a></li>
			</ul>
			<ul class="nav nav-pills">
				<li><span>按语言</span></li>
				<li role="presentation" class="active"><a href="#all" role="tab" data-toggle="pill">全部</a></li>
				<li><a href="" role="tab" data-toggle="pill">国语</a></li>
				<li><a href="" role="tab" data-toggle="pill">粤语</a></li>
				<li><a href="" role="tab" data-toggle="pill">英语</a></li>
				<li><a href="" role="tab" data-toggle="pill">日语</a></li>
				<li><a href="" role="tab" data-toggle="pill">韩语</a></li>
				<li><a href="" role="tab" data-toggle="pill">法语</a></li>
				<li><a href="" role="tab" data-toggle="pill">泰语</a></li>
				<li><a href="" role="tab" data-toggle="pill">德语</a></li>
				<li><a href="" role="tab" data-toggle="pill">其他</a></li>
			</ul>
			<ul class="nav nav-pills">
				<li><span>按国家</span></li>
				<li role="" class="active"><a href="#all" role="tab" data-toggle="pill">全部</a></li>
				<li><a href="" role="tab" data-toggle="pill">中国</a></li>
				<li><a href="" role="tab" data-toggle="pill">韩国</a></li>
				<li><a href="" role="tab" data-toggle="pill">美国</a></li>
				<li><a href="" role="tab" data-toggle="pill">泰国</a></li>
				<li><a href="" role="tab" data-toggle="pill">英国</a></li>
				<li><a href="" role="tab" data-toggle="pill">其他</a></li>
			</ul>
		</div>
	</div>
	
	<!-- 中间主体 -->
	<div class="tv-content">
		<div class="tv-container">
			<!-- 二级筛选 -->
			<div class="tv-screen2 clearfix">
				<ul class="lis fl clearfix">
					<li class="active"><a href="#">按时间</a></li>
					<li><a href="#">按人气</a></li>
					<li><a href="#">按评分</a></li>
				</ul>
				<div class="tv-info fr hidden-xs">共<span>1988</span>个影片&nbsp;&nbsp;&nbsp;第<span>1</span>页</div>
			</div>
			<!-- 筛选内容 -->
			<div class="tv-watch">
				<ul class="tv-items clearfix">
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">走遍中国</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">早餐中国第三季</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">在乡村</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">大唐帝陵</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">故宫新事</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">中国医生战疫版</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">辣子日</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">舌尖上的新年</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">大艺术家第一季</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">航拍中国第三季</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">嘿，小面第二季</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">变暖的地球</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
					<li>
						<a class="tv-up" href="choice.html">
							<img src="./images/pic.png">
							<span>更新至12期</span>
						</a>
						<div class="tv-down">
							<h5><a href="choice.html">呼唤</a></h5>
							<p><a href="choice.html">内详</a></p>
						</div>
					</li>
				</ul>
			</div>				
			<!-- 选择页 -->
			<div class="tv-page">
				<ul class="tv-pagination clearfix hidden-xs">
					<li ><a href="">上一页</a></li>
					<li class="active"><a href="">1</a></li>
					<li><a href="">2</a></li>
					<li><a href="">...</a></li>
					<li><a href="">1/768</a></li>
					<li><a href="">下一页</a></li>
				</ul>
				<ul class="visible-xs tv-pagination clearfix">
					<li><a href="">上一页</a></li>
					<li class="active"><a href="">下一页</a></li>
				</ul>
			</div>
		</div>
	</div>
	
	<!-- 底部通栏 -->
	<div class="tv-footer">
		<div class="tv-container">
			<p>本站提供免费的影视资源供亲们观看，希望亲们的体验愉快</p>
			<p>2020@www.xiafanTV.com</p>
		</div>
	</div>
	
	<script src="./lib/jquery/jquery.js"></script>
	<script src="./lib/bootstrap/js/bootstrap.js"></script>
</body>
</html>

